﻿@charset "utf-8";


.head{ position:fixed; top:0; width:100%; height:40px; background:url(../img/head_bg.png) repeat-x; z-index:10;}
.head h1{ float:left; padding:0 0 0 20px; text-shadow:2px 2px 2px #fff; line-height:36px; font-size:20px; font-weight:bold; color:#666;}
.head .user{ float:right; padding:0 20px 0 0; line-height:36px;}
.head .user a{ color:#49bbe2; text-decoration:underline;}

.main{ min-width:1200px; padding:0 0 50px;}
.main .top{ height:100px; background:url(../img/bg1.png) repeat-x center;}
.main .top .bg{ height:100px; background:url(../img/bg.jpg) no-repeat center;}
.main .sidebar{ position:fixed; top:60px; left:20px; width:150px; margin-bottom:-9999px; padding-top:20px; padding-bottom:9999px; background:#fff; box-shadow:0 0 6px #aaa; border-radius:8px 8px 0 0; background:#203854; z-index:10;}
.main .sidebar .item h3 a{ display:block; height:48px; padding:0 0 0 10px; border-left:4px solid #43494d; line-height:48px; color:#b0b9bf;}
.main .sidebar .item h3 a span{ margin:0 25px 0 10px; font-size:14px; font-weight:bold;}
.main .sidebar .item h3 a:hover{ color:#ccc;}
.main .sidebar .item.active{ background:#43494d;}
.main .sidebar .item.active h3 a{ border-left-color:#308fbf; color:#fff;}
.main .sidebar .item.active h3.group a{ background:#43494d; color:#fff;}
.main .sidebar .item ul{ padding:10px 0; border-left:1px solid #308fbf; background:#2f3336;}
.main .sidebar .item ul li{ height:36px; line-height:36px;}
.main .sidebar .item ul li a{ display:block; height:36px; padding:0 0 0 35px; color:#b0b9bf; font-size:14px;}
.main .sidebar .item ul li a:hover{ color:#ccc;}
.main .sidebar .item ul li a.selectd{ color:#2aaaeb;}

.main .content{ position:relative; padding:20px 20px 0 190px;}
.main .content h2{ position:absolute; top:-30px; margin:0 0 20px; font-size:16px; font-weight:normal; color:#203854;}
.main .content .search{ margin:0 0 20px; color:#4d4d4d;}
.main .content .search dl{ float:left; margin:0 0 10px;}
.main .content .search dl dt{ float:left; width:95px; padding:0 5px 0 0; line-height:32px; text-align:right;}
.main .content .search dl dd{ float:left;}
.main .content .search dl dd.line{ padding:0 4px; line-height:32px;}
.main .content .search dl dd .text{ width:240px; height:20px; padding:5px; border:1px solid #ccc; line-height:20px;}
.main .content .search dl dd .text.short{ width:80px;}
.main .content .search dl dd select{ width:100px; height:32px; border:1px solid #ccc;}
.main .content .search a{ float:left; display:block; margin:0 0 0 30px;}

.main .content .table .title{ height:26px; margin:0 0 10px;}
.main .content .table .title a{ float:left; display:block; width:80px; height:24px; margin:0 10px 0 0; line-height:24px;}
.main .content .table .list table{ background:#ddd; font-size:12px; color:#4d4d4d;}
.main .content .table .list th{ height:32px; background:#DEEFFF;}
.main .content .table .list th input{ margin:0 4px 0 0; vertical-align:-2px;}
.main .content .table .list td{ padding:0 0 0 0px; line-height:32px; background:#fff;}

.dialog .bluebtn{ color:#fff;}
.dialog .greenbtn{ color:#fff;}
.dialog .graybtn{ color:#333;}
.dialog .list{ padding:20px 0 0;}
.dialog .list dl{ float:left; width:300px; margin:0 0 10px;}
.dialog .list dl.long{ width:600px;}
.dialog .list dl dt{ float:left; display:inline; width:90px; line-height:32px; text-align:right; color:#333;}
.dialog .list dl dd{ float:left; display:inline; padding:0 0 0 5px;}
.dialog .list dl dd span{ line-height:32px;}
.dialog .list dl dd span.rs{ margin:0 30px 0 5px;}
.dialog .list dl dd .text{ width:180px; height:30px; padding:0 5px; line-height:30px; border:1px solid #ccc; color:#999;}
.dialog .list dl dd .text.short{ width:100px;}
.dialog .list dl dd .radio{ vertical-align:-2px;}
.dialog .list dl dd .file{ width:150px; vertical-align:-8px;}
.dialog .list dl dd .textarea{ width:490px; height:100px; border:1px solid #ccc;}
.dialog .button{ margin:20px 0 0; padding:10px 0 0; border-top:1px dotted #ccc;}
.dialog .button a{ float:right; display:block; margin:0 10px 0 0;}
.dialog .table table{ background:#ddd; font-size:12px; color:#4d4d4d;}
.dialog .table th{ height:32px; background:#DEEFFF;}
.dialog .table th input{ margin:0 4px 0 0; vertical-align:-2px;}
.dialog .table td{ padding:0 0 0 10px; line-height:32px; background:#fff;}
.dialog .table td a{ display:block; width:60px; height:18px; line-height:18px;}



.bluebtn{ width:88px; height:30px; border:1px solid #1b84e0; line-height:30px; background:linear-gradient(#22a3ef,#1b85ea); background:#22a3ef; color:#fff; text-align:center;}
.bluebtn:hover{ background:linear-gradient(#1b85ea,#22a3ef); background:#1b85ea;}
.bluebtn:active{ background:#1b85ea;}
.greenbtn{ width:88px; height:30px; border:1px solid #47b347; line-height:30px; background:linear-gradient(#62cd66,#4ebd50); background:#62cd66; color:#fff; text-align:center;}
.greenbtn:hover{ background:linear-gradient(#4ebd50,#62cd66); background:#4ebd50;}
.greenbtn:active{ background:#4ebd50;}

.resourcebtn{ width:88px; height:30px; border:1px solid #FF7F00; font-size:16px; line-height:30px; background:linear-gradient(#FF7F00,#4ebd50); background:#FF7F00; color:#fff; text-align:center;}
.resourcebtn:hover{ background:linear-gradient(#4ebd50,#FF7F00); background:#ffa400;}
.resourcebtn:active{ background:#FF7F00;}


.graybtn{ width:88px; height:30px; border:1px solid #d2d6d9; line-height:30px; background:linear-gradient(#fafafa,#eaeaea); background:#fafafa; color:#333; text-align:center;}
.graybtn:hover{ background:linear-gradient(#eaeaea,#fafafa); background:#eaeaea;}
.graybtn:active{ background:#eaeaea;}

.ui-dialog-title{ font-family:"Microsoft YaHei","微软雅黑";}

.pub_page{ float:right; height:22px; padding:15px 10px 0 200px; color:#777; line-height:22px;}
.pub_page .total{ float:left; display:inline-block; width:70px; margin:0 15px;}
.pub_page .item{ float:left; display:inline-block; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-align:center; text-decoration:none; padding:0 8px; background:#fff;}
.pub_page .item:hover{ text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#5397cc; color:#777; text-decoration:none;}
.pub_page .prev{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#fff;}
.pub_page .prev_no{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#e3e3e3;}
.pub_page .next{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#fff;}
.pub_page .next_no{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#e3e3e3;}
.pub_page .go-text{ float:left; display:inline-block; width:100px; height:20px; line-height:20px; margin-right:9px; color:#777;}
.pub_page .current{ margin-left: 0px;display:block; float:left; text-align:center; height:20px; padding:0 8px; line-height:20px; border:1px solid #317ee7; margin-right:9px; color:#5397cc; color:#fff; background:#317ee7; text-decoration:none;}
.pub_page .text{ width:50px; height:20px; margin:0 5px; padding:0; border:1px solid #e3e3e3; vertical-align:-1px; *vertical-align:-4px; text-align:center;}
.pub_page .btn-go{ float:left; display:inline-block; width:40px; height:20px; border:1px solid #e3e3e3; line-height:20px; background:#f3f3f3; color:#777; text-align:center; font-size:12px;}





.mask{ display:none; position:relative; width:510px; height:410px; padding:50px 25px; border-radius:10px; background:#fff;}
.mask .close{ position:absolute; top: -18px; right: -18px; width: 36px; height: 36px; background: url(../img/fancybox_sprite.png) no-repeat; cursor: pointer;}
.mask .top{ height:69px; padding:21px 0 0; background:#ed5145;}
.mask .top .tab{ width:260px; height:40px; margin:0 0 0 121px; border:4px solid #fcf0f1; border-radius:24px; overflow:hidden;}
.mask .top .tab a{ float:left; display:inline-block; width:130px; height:40px; line-height:40px; font-size:22px; color:#fff; text-align:center;}
.mask .top .tab a.active{ background:#fcf0f1; color:#ed5145;}
.mask .center{ height:318px; padding:0 0 0 124px; border:1px solid #ed5145;}
.mask .center .change{ padding:45px 0 0; font-size:16px; color:#666;}
.mask .center .change label{ margin:0 20px 0 0;}
.mask .center .change .radio{ margin:0 8px 0 5px; vertical-align:-2px;}
.mask .center .change select{ width:60px; height:24px; border:1px solid #ccc;}
.mask .center .change textarea{ width:258px; height:98px; margin:45px 0 0; border:1px solid #ccc;}
.mask .center .change a{ display:block; width:260px; height:44px; margin:10px 0 0; border-radius:4px; line-height:44px; background:#ed5145; font-size:16px; color:#fff; text-align:center;}